<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="fr" xml:lang="fr">
	<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        {% if app.session.get('mobile') %}
        <meta name="viewport" content="width=device-width" />
		<link rel="stylesheet" href="{{ asset('bundles/drinkiitblog/css/style_mobile.css') }}" type="text/css" media="all" />
		{% else %}
		<link rel="stylesheet" href="{{ asset('bundles/drinkiitblog/css/style_pc.css') }}" type="text/css" media="all" />
		{% endif %}
		<title>{% block title %}Welcome and Drinkiit !{% endblock %}</title>
		
		<link rel="shortcut icon" href="{{ asset('bundles/drinkiitblog/images/favicon.ico') }}" />
		<script src="http://code.jquery.com/jquery-latest.js"></script>
		<!--[if IE]><script src="http://www.team67.fr/html5-ie.js"></script><![endif]-->
	</head>
	<body>
		<header></header>
		{% render "DrinkiitBlogBundle:Index:nav" %}
		<div id="suiveur">{% block suiveur %}{% endblock %}</div>
		{# render "DrinkiitBlogBundle:Index:suiveur" #}
		<content><div id="content">{% block content %}{% endblock %}</div></content>
		<footer>© copyright by Drinkiit</footer>
		{% block javascripts %}{% endblock %}
		{% if notification is defined and notification is not empty %}<div id="notification"><span class="notification">{{ notification }} <a href="#" OnClick="document.getElementById('notification').style.visibility='hidden';return(false);">X</span></span></div>{% endif %}
	</body>
</html>
